// components/HeaderTitle/index.scss
.header-title-container {
  background: #fff;
  .status-bar-placeholder {
    height: var(--status-bar-height, $statusBarHeight);
    width: 100%;
  }

  .header-title-content {
    display: flex;
    align-items: center;
    padding: 30rpx 40rpx;
    border-bottom: 1rpx solid #f5f5f5;

    .left-section {
      display: flex;
      align-items: center;

      .back-container {
        display: flex;
        align-items: center;

        .back-icon {
          font-size: 48rpx;
          color: #333;
          margin-right: 16rpx;
          line-height: 1;
        }

        .title-text {
          font-size: 36rpx;
          color: #333;
          font-weight: bold;
        }
      }
    }
  }
}
